import React from "react";
import MenuModule from "../../components/Menu-module";
import ContentModule from "../../components/Content-module";
import { Button, Flex, Layout } from "antd";
import './index.css'

const { Header, Footer, Sider, Content } = Layout;

const Index: React.FC = () => {
  const img=localStorage.getItem("info")
  
  return (
    <div>
      <Layout style={{height:"900px"}}>
        <Header style={{ color: "#fff",height:"80px",background:"#030308" }} className="head">
        <img src={JSON.parse(localStorage.getItem("info")!)} className="IMG"/>用户名:{localStorage.getItem('user')}权限:{localStorage.getItem("row")}
        <div className="title">
        <h1>React Backend Management System</h1>
        </div>
        </Header>
        <Layout>
          <Sider width="15%"  >
            <MenuModule />
          </Sider>
          <Content>
            <ContentModule />
          </Content>
        </Layout>
      </Layout>
    </div>
  );
};
export default Index;
